<button class="edit_btn" color="primary" mat-raised-button (click)="manhuaEdit()">编辑</button>

<div class="user_historys_box">
    <div fxLayout="row">
        <mat-list fxFlex="140px" class="dateBox">
            <mat-list-item class="dateTitle">时间筛选</mat-list-item>
            <mat-list-item fxLayoutAlign="center center" (click)="dateSearch('')" [ngClass]="{'active':param.date == ''}">全部 </mat-list-item>
            <mat-list-item fxLayoutAlign="center center" (click)="dateSearch('today')" [ngClass]="{'active':param.date == 'today'}">今天 </mat-list-item>
            <mat-list-item fxLayoutAlign="center center" (click)="dateSearch('yestoday')" [ngClass]="{'active':param.date == 'yestoday'}">昨天</mat-list-item>
            <mat-list-item fxLayoutAlign="center center" (click)="dateSearch('yestodayBefore')" [ngClass]="{'active':param.date == 'yestodayBefore'}">前天</mat-list-item>
            <mat-list-item fxLayoutAlign="center center" (click)="dateSearch('more')" [ngClass]="{'active':param.date == 'more'}">更多</mat-list-item>
        </mat-list>

        <div class="user_historys_box">
            <ngx-busy [busy]="ajaxSub"></ngx-busy>
            <div fxLayout="column">
                <div fxLayout="row wrap" fxLayoutAlign="start center">
                    <mat-card class="example-card" *ngFor="let item of historys| paginate: { itemsPerPage: page.size, currentPage: page.curPage,id: 'history-manhua',totalItems:page.totalCount };let $index = index;">
                        <span *ngIf="item.isUpdate" class="isUpdate"></span>
                        <a href="javascript:;" (click)="goDetail(item)" target="_blank" [title]="item.title">
                            <img mat-card-image [src]="item.img" [alt]="item.title">
                        </a>
                        <mat-card-content>
                            <p class="history-title">
                                <a [title]="item.title">{{item.title}}</a>
                            </p>
                            <p class="history-chapter">
                                <a target="_blank" [href]="item.readChapterHref" [title]="item.readChapter">{{item.readChapter|| '暂未阅读'}}</a>
                            </p>
                            <a class="delete_checkbox" *ngIf="manhuaEditBool" href="javascript:;" (click)="checkInput($event,item)">
                                <input class="delete_input" type="checkbox" [(ngModel)]='item.deleteBool' />
                            </a>
                        </mat-card-content>
                    </mat-card>
                    <p *ngIf="historys.length == 0 && ajaxSub">暂无历史记录</p>
                </div>
                <!-- 分页 -->
                <div fxLayout="column" class="center-align mt20">
                    <pagination-controls id="history-manhua" maxSize="9" directionLinks="true" (pageChange)="pageChange($event)" autoHide="true"></pagination-controls>
                </div>
            </div>
        </div>
    </div>
    <!-- 删除操作 -->
    <div class="handel-box" fxLayout="row" fxLayoutAlign="end center" fxLayoutGap="20px" *ngIf="manhuaEditBool">
        <button mat-raised-button (click)="cancel()">取消</button>
        <button color="primary" mat-raised-button (click)="comfirm()">删除</button>
    </div>
</div>